03. Write your own focus styles
Write Your Own Focus Styles
Write your own focus styles Quiz
This exercise can be found in the folder lesson6-styling/01-focus-styles within this course's GitHub repository.
The buttons on this page don’t currently have focus styles, making them pretty much useless to a keyboard user. With your new CSS knowledge, try using the :focus pseudo-class to give these buttons interesting focus states.
As always, feel free to work directly on this page in the workspace below as well!
Workspace
This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.
Workspace Information:
- Default file path:
- Workspace type: html-live
- Opened files (when workspace is loaded): n/a
Solution
After you've written your own focus styles to make navigation more clear, check your implementation against that in the solution folder. Here's how we did it:
Write your own focus styles Solution